<template>
  <div class="branch-container">
    <order v-if="mode===0"></order>
    <material v-if="mode===1"></material>
    <info v-if="mode===2"></info>
  </div>
</template>

<script>
  import Info from './Branch/GDFunctionBranchInfo'
  import Material from './Branch/GDFunctionBranchMaterial'
  import Order from './Branch/GDFunctionBranchOrder'
  export default {
    name: "GDFunctionBranch",
    components:{
      Info,
      Material,
      Order
    },
    data(){
      return {

      }
    },
    methods:{

    },
    computed:{
      mode(){
        return this.$store.state.select;
      }
    },
    mounted(){
      this.$store.commit('setSel', 0);

    }
  }
</script>

<style scoped>
.branch-container{
  width: 100%;
}
</style>
